<template>
	<view class="flex justify-between text-grey align-center padding bg-white">
		<view class="flex align-center">
			<text class="iconfont icon-canju fs-70"></text>
			<view class="margin-sm fs-70">
				/
			</view>
			<view class="">
				<view class="">
					{{name}}
				</view>
				<view class="">
					{{en}}
				</view>
			</view>
		</view>
		<view v-if="hasMore">
			查看更多
			<text class="iconfont icon-gengduo-shuxiang"></text>
		</view>
	</view>
</template>

<script setup>
defineProps({
	name:{
		type:String,
		default:'法式经典'
	},
	en:{
		type:String,
		default:'French Classic'
	},
	hasMore:{
		type:Boolean,
		default:true
	}
})
</script>

<style lang="scss">
.fs-70{
	font-size: 70upx;
}
.icon-gengduo-shuxiang{
	display: inline-block;
	transform: rotate(90deg);
}
</style>